.themaincontainer{
	position:relative;
	
		
}

.thecard{
	
	width:100%;
	height:100%;
	position:relative;
	transform-style:preserve-3d;
	transition:all 0.5s ease;
	
	
}
.thecard:hover{
	
	transform:rotateY(180deg);
}

.thefront{
	border-radius:20px;
	position:absolute;
	width:100%;
	height:100%;
	background:#1E1E1E;
	backface-visibility:hidden;
	text-align:center;
padding-top:20px;
padding-left:30px;
padding-right:30px;
}

.theback{
	border-radius:20px;
	position:absolute;
	width:100%;
	height:100%;
	background:#414141;
color:white;
	backface-visibility:hidden;
	text-align:center;
	transform:rotateY(180deg);
padding-top:20px;
padding-left:30px;
padding-right:30px;
}

.fb{
	background-color:#4267B2;
color:white;
height:50px;
width:50px;
border-radius:50px;
line-height:50px;
}
.twitter{
background-color:#1DA1F2;
color:white;
height:50px;
width:50px;
border-radius:50px;
line-height:50px;
}

.inn{
background-color:#007BB6;
color:white;
height:50px;
width:50px;
border-radius:50px;
line-height:50px;


}